<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		
		<title>新闻快讯</title>
	
		<link rel="stylesheet" type="text/css" href="plugin/font-awesome-4.6.3/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="plugin/bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="src/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="plugin/Swiper-3.3.1/dist/css/swiper.css"/>
		
		<link rel="stylesheet" type="text/css" href="src/css/index.css"/>
		
		<script src="plugin/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script src="plugin/Swiper/dist/js/swiper.min.js" type="text/javascript"></script>
		<script src="plugin/iscroll/build/iscroll.js" type="text/javascript" ></script>
		
		<script src="src/js/home.js" type="text/javascript"></script>
	</head>	
	
	<body>
		<!-- 这罩层 -->
		<div id="mask"></div>

		<!----------------头---------------------->
		<header>
			<div class="heade_first">
				<a href="javascript:window.history.go(-1)" class="goBack">
					<i class="fa fa-chevron-left"></i>
				</a>
			</div>
			<div class="heade_second"><i class="fa fa-file-text"></i>&nbsp;新闻快讯</div>
			<div class="heade_third">
				<a href="search.html"><i class="glyphicon glyphicon-search" style="font-size: 20px"></i></a>
			</div>
		</header>
		

		<!------------------分类-------------------------->
		<div id="wrapper">
			<div id="scroller">
				<ul class="classifyList">
					<li class="classifyActive"><a href="#">头条</a></li>
					<li><a href="#">新闻</a></li>
					<li><a href="#">财经</a></li>
					<li><a href="#">体育</a></li>
					<li><a href="#">娱乐</a></li>
					<li><a href="#">教育</a></li>
					<li><a href="#">科技</a></li>
					<li><a href="#">军事</a></li>
					<li><a href="#">NBA</a></li>
					<li><a href="#">股票</a></li>
					<li><a href="#">星座</a></li>
					<li><a href="#">女性</a></li>
					<li><a href="#">健康</a></li>
					<li><a href="#">育儿</a></li>
				</ul>
			</div>
		</div>
		<div class="classify"><i class="fa fa-th"></i></div>
				
		<!------------------内容------------------------>
		<div class="content">
		    <!-- Swiper ---->
		    <div class="_iscroll">
			    <div class="swiper-container">
			        <div class="swiper-wrapper">
			        	
			        </div>
			        <!-- Add Pagination -->
			        <div class="swiper-pagination"></div>
			    </div>	
			    
			    <!---------主要内容-------->
			    <div class="keyContent">
			    	<ul></ul>
			    </div>
		    </div>
		</div>

		<!------------------脚------------------------>
		<footer>
			<a href="index.html" class="aElement active">
				<i class="icon glyphicon glyphicon-home"></i>
				<strong class="index">主页</strong>
			</a>
			<a href="#" class="aElement">
				<i class="icon glyphicon glyphicon-home"></i>
				<strong class="index">推荐</strong>
			</a>
			<a href="#" class="aElement">
				<i class="icon glyphicon glyphicon-home"></i>
				<strong class="index">直播</strong>
			</a>
			<a href="#" class="aElement">
				<i class="icon glyphicon glyphicon-home"></i>
				<strong class="index">个人中心</strong>
			</a>
		</footer>
	</body>
	
	<script src="src/js/index.js" type="text/javascript" ></script>
</html>
